<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/4/14
  Time: 17:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>渭南师范学院校园生活信息网</title>
    <link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/stylelun.css" />
    <link href="${pageContext.request.contextPath}/css/main.css" rel="stylesheet" />

    <script type="text/javascript" src="${pageContext.request.contextPath}/js/demo.js"></script>

    <!--[if lt IE 9]>

    <![endif]-->
    <script src="${pageContext.request.contextPath}/js/jjs/common_scripts.min.js"></script>
    <script src="${pageContext.request.contextPath}/js/jjs/main.js"></script>
    <script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/js/common_scripts.min.js"></script>

    <script src="${pageContext.request.contextPath}/js/main.js"></script>
</head>
<body>
<div class="hidden-lg hidden-md" data-toggle="collapse"
     data-target="#top" style="height:30px;background-color:#0c6a9e;color:#FFF;text-align:center;line-height:30px;">
    <img src="${pageContext.request.contextPath}/images/ico_search.png"> 站内搜索
</div>
<nav class="navbar navbar-default navbar-top collapse" role="navigation" id="top">
    <div class="container">
        <div>
            <ul class="nav navbar-nav navbar-link">

                <div id="clock" class="date">
                    <h2><img src="" /></h2>
                    <div class="year">
                        <img class="num" src="/images/0.png" alt="0" style="height: 36px; top: 0px"/>
                        <img class="num" src="images/0.png" alt="0"  style="height: 36px; top: 0px"/>
                        <img  src="${pageContext.request.contextPath}/picture/0.png" alt="0" style="height: 36px; top: 0px"/>
                        <img src="${pageContext.request.contextPath}/picture/0.png" alt="0" style="height: 36px; top: 0px"/>
                        <img src="${pageContext.request.contextPath}/picture/year1.png" alt="year" style="height: 36px; top: 0px"/>
                        <img class="num" src="${pageContext.request.contextPath}/picture/0.png" alt="0" style="height: 35px; top: 0px"/>
                        <img class="num" src="${pageContext.request.contextPath}/picture/0.png" alt="0" style="height: 36px; top: 0px" />
                        <img src="${pageContext.request.contextPath}/images/month.png" alt="month" style="height: 36px; top: 0px"/>
                        <img class="num" src="${pageContext.request.contextPath}/images/0.png" alt="0" style="height: 36px; top: 0px"/>
                        <img class="num" src="${pageContext.request.contextPath}/images/0.png" alt="0" style="height: 36px; top: 0px"/>
                        <img src="${pageContext.request.contextPath}/images/seven.png" alt="seven" style="height: 36px; top: 0px"/>


                        <img class="num" src="${pageContext.request.contextPath}/images/0.png" alt="0"style="height: 36px; top: 0px" />
                        <img class="num" src="${pageContext.request.contextPath}/images/0.png" alt="0" style="height: 36px; top: 0px"/>
                        <img src="${pageContext.request.contextPath}/images/sign.png" alt="sign" style="height: 36px; top: 0px"/>
                        <img class="num" src="${pageContext.request.contextPath}/images/0.png" alt="0"style="height: 36px; top: 0px" />
                        <img class="num" src="${pageContext.request.contextPath}/images/0.png" alt="0" style="height: 36px; top: 0px"/>
                        <img src="${pageContext.request.contextPath}/images/sign.png" alt="sign" style="height: 36px; top: 0px"/>
                        <img class="num" src="${pageContext.request.contextPath}/images/0.png" alt="0" style="height: 36px; top: 0px"/>
                        <img class="num" src="${pageContext.request.contextPath}/images/0.png" alt="0" style="height: 36px; top: 0px"/>
                        <img class="pos2" src="${pageContext.request.contextPath}/images/week.png" alt="week" style="height: 36px; top: 0px"/>
                        <img class="num2" src="${pageContext.request.contextPath}/images/one.png" alt="one" style="height: 36px; top: 0px"/>
                    </div>

                    <div class="url" title=""><a href="http://www.17sucai.com/" target="_blank"><img src="" alt=""/></a></div>
                </div>

            </ul>

            <ul class="nav navbar-nav navbar-right">
                <li><a href="${pageContext.request.contextPath}/login/in" target="_blank"><span class="glyphicon glyphicon-list-alt"></span> 点击登录！</a></li>


            </ul>
        </div>
    </div>
</nav>
<div class="container-fluid navbar-main">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <a class="logo" href="#"> <img src="${pageContext.request.contextPath}/images/top110.jpg" style="width:150%;max-width:1180px;height:110px " alt=""></a>
            </div>
            <div class="col-md-12">

            </div>
        </div>
    </div>
</div>

<!--轮播图-->
<div id="mainCarousel" class="carousel slide">
    <div class="c-banner">
        <div class="banner">
            <ul>
                <li><img src="${pageContext.request.contextPath}/img/banner1.jpg" id="tj1"></li>
                <li><img src="${pageContext.request.contextPath}/img/lunbo2.jpg"></li>
                <li><img src="${pageContext.request.contextPath}/img/lunbo3.jpg"></li>
                <li><img src="${pageContext.request.contextPath}/img/lunbo2.jpg"></li>
            </ul>
        </div>
        <div class="nexImg">
            <img src="${pageContext.request.contextPath}/img/nexImg.png" />
        </div>
        <div class="preImg">
            <img src="${pageContext.request.contextPath}/img/preImg.png" />
        </div>
        <div class="jumpBtn">
            <ul>
                <li jumpImg="0"></li>
                <li jumpImg="1"></li>
                <li jumpImg="2"></li>
                <li jumpImg="3"></li>
            </ul>
        </div>
    </div>
    <!--校园通知-->
    <div class="container">
        <h3 class="h3_title">
            <img src="${pageContext.request.contextPath}/images/ico_notice.png"> 通知公告<div class="pull-right"><img src="${pageContext.request.contextPath}/images/icon-more.png">
            <form method="post" id="searchform1" name="searchform" action="" class="navbar-form navbar-right hidden-sm">
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="请输入通告标题..." name="searce" id="searce1">
                    <input type="hidden" name="sitenewskeycode" id="sitenewskeycode1">
                    <span class="input-group-btn">
                            <button class="btn btn-default" type="submit">
                                <span class="icon icon-search"></span>
                            </button>
                        </span>
                </div>
            </form> <a href="${pageContext.request.contextPath}/news/query" ><span style="color:#2f8ac1;font-size:14px;">更多</span></a>
        </div>
        </h3>
        <hr style="margin-top:0">
        <div class="row">
            <div class="col-md-6 col-xs-12 col-sm-12">
                <div class="notice_item">
                    <div class="row">
                        <div class="col-md-5 col-xs-12 col-sm-12">
                            <h5 class="notice_time">2020年3日2日</h5>
                            <h5 class="notice_place">渭南师范学院</h5>
                        </div>
                        <div class="col-md-7 col-xs-12 col-sm-12">
                            <h5 class="notice_title">预防新型冠状病毒</h5>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-xs-12 col-sm-12">
                <div class="notice_item">
                    <div class="row">
                        <div class="col-md-5 col-xs-12 col-sm-12">
                            <h5 class="notice_time">2020年3日2日</h5>
                            <h5 class="notice_place">渭南师范学院</h5>
                        </div>
                        <div class="col-md-7 col-xs-12 col-sm-12">
                            <h5 class="notice_title">教育部：任何网贷机构不允许向校内大学生发放贷款</h5>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-xs-12 col-sm-12">
                <div class="notice_item">
                    <div class="row">
                        <div class="col-md-5 col-xs-12 col-sm-12">
                            <h5 class="notice_time">2019年09月27日</h5>
                            <h5 class="notice_place">渭南师范学院</h5>
                        </div>
                        <div class="col-md-7 col-xs-12 col-sm-12">
                            <h5 class="notice_title">《关于过国庆放假通知》</h5>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-xs-12 col-sm-12">
                <div class="notice_item">
                    <div class="row">

                        <div class="col-md-5 col-xs-12 col-sm-12">
                            <h5 class="notice_time">2019年09月22日</h5>
                            <h5 class="notice_place">渭南师范学院</h5>
                        </div>
                        <div class="col-md-7 col-xs-12 col-sm-12">
                            <h5 class="notice_title">关于2019年新生应征入伍保留入学资格的通知</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--闲置物品交易-->

    <div class="container">
        <div class="row">
            <div class="shiwuzhaoling">
                <h3 class="h3_title">
                    <img src="${pageContext.request.contextPath}/images/ico_notice.png"> 闲置物品交易<div class="pull-right"><img src="${pageContext.request.contextPath}/images/icon-more.png">
                    <form method="post" id="searchform2" name="searchform" action="" class="navbar-form navbar-right hidden-sm">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="请输入物品名称..." name="searce" id="searce2">
                            <input type="hidden" name="sitenewskeycode" id="sitenewskeycode2">
                            <span class="input-group-btn">
                            <button class="btn btn-default" type="submit">
                                <span class="icon icon-search"></span>
                            </button>
                        </span>
                        </div>
                    </form> <span style="color:#2f8ac1;font-size:14px;"><a href="${pageContext.request.contextPath}/product/toShop" >更多</a></span>
                </div>
                </h3>
                <hr style="margin-top:0">
                <div class="shiwuzhaoling">
                    <div class="shiwu">
                        <div class="photo"><img src="${pageContext.request.contextPath}/images/5.jpg" style="width: 200px;height: 200px;"></div>
                        <div class="title5" >耐克篮球鞋  99新 </div>   <div class="price" style="font-family: Calibri;" >￥120.00元</div>

                    </div>
                    <div class="shiwu">
                        <div class="photo"><img src="${pageContext.request.contextPath}/images/5.jpg" style="width: 200px;height: 200px;"></div>
                        <div class="title5" >帕克篮球鞋  99新 </div>   <div class="price" style="font-family: Calibri;" >￥350.00元</div>

                    </div>
                    <div class="shiwu">
                        <div class="photo"><img src="${pageContext.request.contextPath}/images/5.jpg" style="width: 200px;height: 200px;"></div>
                        <div class="title5" >篮球鞋  89新 </div>   <div class="price" style="font-family: Calibri;" >￥520.00元</div>

                    </div>
                    <div class="shiwu">
                        <div class="photo"><img src="${pageContext.request.contextPath}/images/5.jpg" style="width: 200px;height: 200px;"></div>
                        <div class="title5" >彪马篮球鞋  80新 </div>   <div class="price" style="font-family: Calibri;" >￥720.00元</div>

                    </div>
                    <div class="shiwu">
                        <div class="photo"><img src="${pageContext.request.contextPath}/images/5.jpg" style="width: 200px;height: 200px;"></div>
                        <div class="title5" >李宁篮球鞋  99新 </div>   <div class="price" style="font-family: Calibri;" >￥120.00元</div>

                    </div>
                </div>
            </div>

            <!--失物招领-->

            <div class="container">
                <div class="row">
                    <div class="shiwuzhaoling">
                        <h3 class="h3_title">
                            <img src="${pageContext.request.contextPath}/images/ico_notice.png"> 失物招领<div class="pull-right"><img src="${pageContext.request.contextPath}/images/icon-more.png">
                            <form method="post" id="searchform" name="searchform" action="" class="navbar-form navbar-right hidden-sm">
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="请输入失物名称..." name="searce" id="searce">
                                    <input type="hidden" name="sitenewskeycode" id="sitenewskeycode">
                                    <span class="input-group-btn">
                            <button class="btn btn-default" type="submit">
                                <span class="icon icon-search"></span>
                            </button>
                        </span>
                                </div>
                            </form> <span style="color:#2f8ac1;font-size:14px;"><a href="${pageContext.request.contextPath}/lostProduct/query" >更多</a></span>
                        </div>
                        </h3>
                        <hr style="margin-top:0">
                        <div class="shiwuzhaoling">
                            <div class="shiwu">
                                <div class="photo"><img src="${pageContext.request.contextPath}/images/qian.jpg" style="width: 200px;height: 200px;"></div>
                                <div class="title5" >在操场捡到一个钱包</div>   <div class="miaoshu" style="font-family: Calibri;" >联系电话：123243455656</div>

                            </div>
                            <div class="shiwu">
                                <div class="photo"><img src="${pageContext.request.contextPath}/images/yaoshi.jpeg" style="width: 200px;height: 200px;"></div>
                                <div class="title5" >在操场捡到一串钥匙 </div>  <div class="miaoshu" style="font-family: Calibri;" >联系电话：123243455656</div>

                            </div>
                            <div class="shiwu">
                                <div class="photo"><img src="${pageContext.request.contextPath}/images/shenfen.jpg" style="width: 200px;height: 200px;"></div>
                                <div class="title5" >在二餐捡到一个身份证 </div> <div class="miaoshu" style="font-family: Calibri;" >联系电话：123243455656</div>

                            </div>
                            <div class="shiwu">
                                <div class="photo"><img src="${pageContext.request.contextPath}/images/shu.jpg" style="width: 200px;height: 200px;"></div>
                                <div class="title5" >在二餐捡到本书 </div>    <div class="miaoshu" style="font-family: Calibri;" >联系电话：123243455656</div>
                            </div>
                            <div class="shiwu">
                                <div class="photo"><img src="${pageContext.request.contextPath}/images/lanqiu.jpeg" style="width: 200px;height: 200px;"></div>
                                <div class="title5" >在操场捡到一个篮球</div>   <div class="miaoshu" style="font-family: Calibri;" >联系电话：123243455656</div>

                            </div>
                        </div>
                    </div>

                    <div class="kuiashudaohang">
                        <h3 class="h3_title">
                            <img src="${pageContext.request.contextPath}/images/ico_link.png"> 网站导航<a href="${pageContext.request.contextPath}/admin/login" class="pull-right">后台登录 </a>
                        </h3>
                        <hr style="margin-top:0">
                        <ul class="list list-link" style="font-size: 30px;background-color: brown">
                            <li>
                                <a href="http://www.wnu.edu.cn/" target="_blank" title="渭南师范学院官网" style="width:35px ;font-size: 20px;color: #aa9b73 ">渭南师范学院官网</a>
                            </li>
                            <li>
                                <a href="https://www.chsi.com.cn/" target="_blank" title="学信网" style="width:35px ;font-size: 20px;color: #aa9b73">大学生信息网</a>
                            </li>
                            <li>
                                <a href="https://www.gfbzb.gov.cn/" target="_blank" title="全国征兵网" style="width:35px ;font-size: 20px;color: #aa9b73">全国征兵网</a>
                            </li>
                            <li>
                                <a href="http://cet.neea.edu.cn/" target="_blank" title="英语等级查询" style="width:35px ;font-size: 20px;color: #aa9b73">英语四六级查询</a>
                            </li>
                            <li>
                                <a href="http://ntce.neea.edu.cn/" target="_blank" title="中小学教师考试" style="width:35px ;font-size: 20px;color: #aa9b73">中小学教师考试</a>
                            </li>
                            <li>
                                <a href="http://rkbmxt.snstr.gov.cn/sxbmxt/online/" target="_blank" title="陕西省计算机等级考试" style="width:35px ;font-size: 20px;color: #aa9b73 ">陕西省计算机等级考试</a>
                            </li>
                            <li>
                                <a href="https://yz.chsi.com.cn/" target="_blank" title="中国研究生招生信息网" style="width:35px ;font-size: 20px;color: #aa9b73">中国研究生招生信息网</a>
                            </li>


                        </ul>
                    </div>
                </div>
            </div>

        </div>

        　<span class="hidden-sm hidden-xs" ><img src="${pageContext.request.contextPath}/images/wunfoot2.jpg" style="width:100%;margin-bottom:10px; height:120px"></span>
    </div>
</div>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
<script type="text/javascript">
    //定时器返回值
    var time=null;
    //记录当前位子
    var nexImg = 0;
    //用于获取轮播图图片个数
    var imgLength = $(".c-banner .banner ul li").length;
    //当时动态数据的时候使用,上面那个删除
    // var imgLength =0;
    //设置底部第一个按钮样式
    $(".c-banner .jumpBtn ul li[jumpImg="+nexImg+"]").css("background-color","black");

    //页面加载
    $(document).ready(function(){
        // dynamicData();
        //启动定时器,设置时间为3秒一次
        time =setInterval(intervalImg,3000);
    });

    //点击上一张
    $(".preImg").click(function(){
        //清楚定时器
        clearInterval(time);
        var nowImg = nexImg;
        nexImg = nexImg-1;
        console.log(nexImg);
        if(nexImg<0){
            nexImg=imgLength-1;
        }
        //底部按钮样式设置
        $(".c-banner .jumpBtn ul li").css("background-color","white");
        $(".c-banner .jumpBtn ul li[jumpImg="+nexImg+"]").css("background-color","black");

        //将当前图片试用绝对定位,下一张图片试用相对定位
        $(".c-banner .banner ul img").eq(nowImg).css("position","absolute");
        $(".c-banner .banner ul img").eq(nexImg).css("position","relative");

        //轮播淡入淡出
        $(".c-banner .banner ul li").eq(nexImg).css("display","block");
        $(".c-banner .banner ul li").eq(nexImg).stop().animate({"opacity":1},1000);
        $(".c-banner .banner ul li").eq(nowImg).stop().animate({"opacity":0},1000,function(){
            $(".c-banner ul li").eq(nowImg).css("display","none");
        });

        //启动定时器,设置时间为3秒一次
        time =setInterval(intervalImg,5000);
    })

    //点击下一张
    $(".nexImg").click(function(){
        clearInterval(time);
        intervalImg();
        time =setInterval(intervalImg,5000);
    })

    //轮播图
    function intervalImg(){
        if(nexImg<imgLength-1){
            nexImg++;
        }else{
            nexImg=0;
        }

        //将当前图片试用绝对定位,下一张图片试用相对定位
        $(".c-banner .banner ul img").eq(nexImg-1).css("position","absolute");
        $(".c-banner .banner ul img").eq(nexImg).css("position","relative");

        $(".c-banner .banner ul li").eq(nexImg).css("display","block");
        $(".c-banner .banner ul li").eq(nexImg).stop().animate({"opacity":1},1000);
        $(".c-banner .banner ul li").eq(nexImg-1).stop().animate({"opacity":0},1000,function(){
            $(".c-banner .banner ul li").eq(nexImg-1).css("display","none");
        });
        $(".c-banner .jumpBtn ul li").css("background-color","white");
        $(".c-banner .jumpBtn ul li[jumpImg="+nexImg+"]").css("background-color","black");
    }
    $(document).ready(function() {

        $("#tj1").click(function() {
            //输入另一个页面的链接
            //我的跳转到controller中的toIntroduction这个方法中进行的页面跳转
            window.location.href = "http://www.wntc.edu.cn";
        });

    });

    //轮播图底下按钮
    //动态数据加载的试用应放在请求成功后执行该代码,否则按钮无法使用
    $(".c-banner .jumpBtn ul li").each(function(){
        //为每个按钮定义点击事件
        $(this).click(function(){
            clearInterval(time);
            $(".c-banner .jumpBtn ul li").css("background-color","white");
            jumpImg = $(this).attr("jumpImg");
            if(jumpImg!=nexImg){
                var after =$(".c-banner .banner ul li").eq(jumpImg);
                var befor =$(".c-banner .banner ul li").eq(nexImg);

                //将当前图片试用绝对定位,下一张图片试用相对定位
                $(".c-banner .banner ul img").eq(nexImg).css("position","absolute");
                $(".c-banner .banner ul img").eq(jumpImg).css("position","relative");

                after.css("display","block");
                after.stop().animate({"opacity":1},1000);
                befor.stop().animate({"opacity":0},1000,function(){
                    befor.css("display","none");
                });
                nexImg=jumpImg;
            }
            $(this).css("background-color","black");
            time =setInterval(intervalImg,3000);
        });
    });


</script>
</body>
</html>

